h3 {
	font-size: x-large;
	font-weight: 500;
}

ul li {
	list-style-type:none;
}

.navbar {
	margin-bottom: 0;
}

.banner h2,.banner p {
	text-align: center;
	color: #ffffff;
}

.banner .jumbotron {
	background-color: #352c50;
	margin-bottom: 0;
}

.banner .banner-bottom {
	background-color: #000000;
	margin-bottom: 30px;
	font-size: 10px;
    padding: 6px;
    line-height: 22px;
}

.show {
	margin: 40px 0px;
}

.show .media-left img {
	width: 100%;
}

.show .media-body h4 {
	font-size: 20px;
	text-align: center;
}

.show .media-body p {
	margin-top: 15px;
	font-size: 15px;
    line-height: 28px;
    text-indent: 2em;
}

.section {
	padding: 30px 0 40px 0;
	background-color: #4fd0ab;
}

.section h3 {
	color: #ffffff;
}

.section .title {
	text-align: center;
	margin-bottom: 30px;
}

.section .img-area {
	height: 200px;
	overflow: hidden;
	margin: 0 auto;
}

.section .img-area a {
	display: block;
	height: 200px;
	overflow: hidden;
}

.section .img-area img {
	width: 100%;
}

footer {
	background-color: #333333;
	color: #A9B0B4;
	padding: 30px 0 0;
}

footer hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #504747;
}

footer .contact ul li {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
}

@media (max-width: 768px) {
	.section img {
		display: block;
		margin: 0 auto;
	}

	.show .media-body h4 {
		margin-top: 25px;
	}
}


.main a{
	display: block;
	height: 300px;
	overflow: hidden;
	float: left;
}

